Картинка для логотипа

[ShootingStar]

Как лучше сделать логотип картинкой?

Поставить логотип на фон и использовать свойство text-indent

<h1>
 <a href="#">Logo</a>
</h1>

 
h1 {
    float: left;
    text-indent: -9999px;
}
h1 a {
    float: left;
    width: 450px;
    height: 450px;
    background: url("http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png") no-repeat;
}

пример

или

Просто вставить картинку с альтом?

<h1>
	<a href="#">
		<img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" />
	</a>
</h1>

пример

[IIAIIIA]

Хороший вопрос.

SEO-специалисты, скорее всего, дружно проголосуют за первый вариант. Хотя присутствует свойство text-indent, не думаю, что поисковики от него в восторге.

Я бы сделал проще

<a href="#">
      <img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" />
</a>

Раз текста нет, то и тег заголовка не нужен.

[ShootingStar]

Хороший вопрос.

SEO-специалисты, скорее всего, дружно проголосуют за первый вариант. Хотя присутствует свойство text-indent, не думаю, что поисковики от него в восторге.

Я бы сделал проще

<a href="#">
      <img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" />
</a>

Раз текста нет, то и тег заголовка не нужен.

Этот логотип просто для примера, хотел улучшить верстку этого макета. Там в логотипе есть текст.

[IIAIIIA]

Этот логотип просто для примера, хотел улучшить верстку этого макета. Там в логотипе есть текст.

Разбирали эту проблему на хабре.